<%--
  Created by IntelliJ IDEA.
  User: zy
  Date: 2021/7/12
  Time: 8:50
  To change this template use File | Settings | File Templates.
--%>
<!--审核的index页面，该页面需要展示所有编码审核申请记录，每条记录后面需要有该记录的处理状态（是否完成），审核处理入口按钮，审核意见填写入口按钮！-->

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>编码审核</title>
    <!-- CSS -->
    <jsp:include page="../include/headtag.jsp" />
    <!-- <link rel="stylesheet"
        href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500"> -->
    <link rel="stylesheet"
          href="${mybasePath}assets/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="${mybasePath}assets/css/form-elements.css">
    <link rel="stylesheet" href="${mybasePath}assets/css/style.css">
</head>
<body>
<jsp:include page="../include/head.jsp" />
<jsp:include page="../include/menu.jsp" />
<div id="page-wrapper" style="margin-top: 50px;">
    <div id="page-inner">
        <div class="row">
            <div class="col-md-12">
                <h3 class="text-left">待审核事项</h3>
            </div>
        </div>
        <hr />
        <div class="col-md-12">
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade active in text-left" id="home">
                    <div class="col-md-12">
                        <div style="border-bottom: 1px solid #ccc;"></div>
                    </div>

                    <table class="table table-striped table-hover ">
                        <thead>
                        <tr>
                            <th>处理编号</th>
                            <th>审核事物</th>
                            <th>提交单位</th>
                            <th>提交日期</th>
                            <th>当前进度</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <c:forEach var="record" items="${records }" varStatus="s">
                            <tr>
                                <td>${record.id }</td>
                                <td>${record.objectName }</td>
                                <td>${record.submitInstitution }</td>
                                <td>${record.date }</td>
                                <td>${record.status }</td>
                                <td>进行审核/添加审核意见</td>
                            </tr>
                        </c:forEach>
                        </tbody>
                    </table>
                </div>
                <div class="tab-pane fade text-left" id="orderNotice">
                    <div class="col-md-12 ">
                        <div class="col-md-2">
                            <!-- <p class="text-left"><font color="#eb6864">预约须知</font></p> -->
                        </div>
                        <div style="border-bottom: 1px solid #ccc;"></div>
                        <br /><br />
                    </div>

                </div>
                <div class="tab-pane fade text-left" id="about">
                    <div class="col-md-12 ">
                        <div style="border-bottom: 1px solid #ccc;"></div>
                        <br /><br />
                    </div>

                    <p>&nbsp;&nbsp;${office.officesAbout }</p>
                </div>
                <div class="tab-pane fade text-left" id="equipment">
                    <div class="col-md-12 ">
                        <div style="border-bottom: 1px solid #ccc;"></div>
                        <br /><br />
                    </div>

                    <p>&nbsp;&nbsp;${office.officesEquipment }</p>
                </div>
                <div class="tab-pane fade text-left" id="honor">
                    <div class="col-md-12 ">
                        <div style="border-bottom: 1px solid #ccc;"></div>
                        <br /><br />
                    </div>

                    <p>&nbsp;&nbsp;${office.officesHonor }</p>
                </div>
                <div class="tab-pane fade text-left" id="scope">
                    <div class="col-md-12 ">
                        <div style="border-bottom: 1px solid #ccc;"></div>
                        <br /><br />
                    </div>

                    <p>&nbsp;&nbsp;${office.officesDiagnosisScope }</p>
                </div>
            </div>
        </div>
    </div>
    <!-- /. PAGE INNER  -->
</div>
<!-- /. PAGE WRAPPER  -->

</body>
<!-- Javascript -->
<script src="${mybasePath}assets/bootstrap/js/bootstrap.min.js"></script>
<script src="${mybasePath}assets/bootstrap/js/jquery.min.js"></script>
<script src="${mybasePath}assets/js/jquery.backstretch.min.js"></script>
</html>